<template>
  <!-- vue-i18n
    1:下载  yarn add vue-i18n
    2:src/lang/index.js
    3:导入
       import VueI18n from 'vue-i18n'
    4:注册  Vue.use(VueI18n)
    5:实例化
        const i18n=new VueI18n({
            locale:'语言标识en/zh/aa',
            messages:{
                // 语言包
                en:{xxx:'file'，aaa:'home'},
                zh:{xxx:'文件','aaa':'首页'},
                aa:{....}
            }
        })
    6:暴露出去  export default i18n
    7:在main.js挂载
          import i18n from '@/lang'
          new Vue({ router,i18n })

   用法：
      1:定义语言包
      js:
       import i18n from '@/lang'
       切换语言： i18n.locale='语言标识'
       转换相应内容： i18n.t('aaa')
      vue
        切换语言： this.$i18n.locale='语言标识'
        转换相应内容： this.$t('aaa')

    i18n与elementui建立联系
      1：将elementui的语言包加入到i18n
      2: Vue.use(ElementUi,{i18n:(key,value)=>i18n.t(key,value)})
 -->

  <div>
    <h1>{{ $t('aaa') }}</h1>
    <el-button @click="btnClick">切换语言</el-button>
  </div>
</template>
<script>
import jsCookie from 'js-cookie'
export default {
  methods: {
    btnClick() {
      this.$i18n.locale = 'zh'
      jsCookie.set('setLang', 'zh')
      // 刷新
      this.$router.go(0)
    }
  }
}
</script>
<style></style>
